<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="/resources/css/cssLogin/bootstrap.css"/>
<script src="/resources/js/jsLogin/jquery.min.js"></script>
<script src="/resources/js/jsLogin/bootstrap.js"></script>
<link rel="stylesheet" href="/resources/css/cssLogin/helang.css">
<script>
    $(function(){
        $("#js_btn").click(function(){
            $(".modal").modal({
                remote : "jquery插件.html"
            });
        });
    })
</script>

<body class="animated bounceInRight">

<nav class="hl_nav">
    <ul class="nav_list">
        <li class="active">
            <a class="nav_head" href="#">宅急送</a>
        </li>
        <li>
            <a class="nav_head" href="Delivery.html">我要送货</a>
        </li>
        <li>
            <a class="nav_head" href="MyIndent.html">我的订单</a>
        </li>
        <li>
            <a class="nav_head" href="#">我的信息</a>
        </li>
        <li>
            <a class="nav_head" href="#">专业团队</a>
        </li>
        <li>
            <a class="nav_head" href="#">招贤纳士</a>
        </li>
        <li>
            <a class="nav_head" href="#">关于我们</a>
        </li>

    </ul>
</nav>
<input type="hidden" name="id" id="id">
<div>
    <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
        <!--图片-->
        <div class="carousel-inner">
            <div class="item active">
                <img src="/resources/images/247353.jpg"  data-holder-rendered="true">
            </div>
            <div class="item">
                <img src="/resources/images/295803.jpg">
            </div>
            <div class="item">
                <img src="/resources/images/309831.jpg">
            </div>
        </div>
        <!--图片指示符-->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <!--左右控制箭头-->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-3">
            <div class="thumbnail">
                <img src="image/img1.jpg" alt="">
                <div class="caption">
                    <h2>商品介绍</h2>
                    <p>￥价格</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function f() {
        var id  = $("#id").val();
        alert(id.value)
    }
</script>
</body>
</html>